<template>

    <div class="houseSetting">

      <el-menu
      :default-openeds="openeds"
        @open="handleOpen"
        @close="handleClose"
        router
        :default-active="this.$route.path"
        >
        <el-sub-menu index="1">
          <template #title>
            <el-icon><Operation /></el-icon>
            <span>仓库设置</span>
          </template>
            <el-menu-item index="housesetting-baseinfo">基本信息</el-menu-item>
            <!-- <el-menu-item index="housesetting-review">代码审查设置</el-menu-item>
            <el-menu-item index="housesetting-transfer">转移仓库</el-menu-item> -->
            <el-menu-item index="housesetting-clear">删除仓库</el-menu-item>
        </el-sub-menu>
        <el-sub-menu index="2">
          <template #title>
            <el-icon><User /></el-icon>
            <span>仓库成员管理</span>
          </template>
            <el-menu-item index="housesetting-admin">管理员</el-menu-item>
            <el-menu-item index="housesetting-worker">开发者</el-menu-item>
            <el-menu-item index="housesetting-viewer">查看者</el-menu-item>
            <el-menu-item index="housesetting-add">添加仓库成员</el-menu-item>
        </el-sub-menu>
      </el-menu>
  </div>


</template>

<script>
export default {

  data() {
    return {
        openeds: ['1','2'], // 当前打开的 sub-menu 的 index 的数组
    }
},
}
</script>

<style>
.houseSetting{
  margin-left: 20%;
  margin-top: 5%;
  width: 200px;
  display: inline-block;
}

</style>